<Html>
  <head>
    <title>优化页面切换动画</title>
  </head>
  <body>
    <script>
      /*
          7、优化页面切换动画

                                  ①、页面初始化时若存在大量图片或原生组件渲染和大量数据通讯，会发生新页面渲染和窗体进入动画抢资源，造成页面切换卡顿、掉帧。

                                     建议延时100~300ms渲染图片或复杂原生组件，分批进行数据融讯，以减少一次性渲染的节点数。

                                  ②、App 端动画效果可以自定义。

                                      popin/popout 的双窗体联动挤压动画效果对资源的消耗更大，如果动画期间页面里在执行耗时的 js，可能会造成动画掉帧。

                                      此时可以使用消耗资源更小的动画效果，比如 slide-in-right/slide-out-right。

                                  ③、App-nvue 和 H5，还支持页面预载，uni.preloadPage，可以提供更好的使用体验
      */
    </script>
  </body>
</Html>